<template>
	<view class="box">
			<view class="top">请选择住院人信息</view>
			<view class="box1">
				<view class="box-left">
					<p class="box-left-name">姜峰</p>
					<view class="box-left-mar">
					<text class="box-left-num">住院号</text> 
					<text class="number">400909</text>
					</view>
					<view class="box-left-mar">
					<text class="box-left-num">就诊卡号</text> 
					<text class="number">4009091565464</text>
					</view>
					<view class="box-left-mar">
					<text class="box-left-num">入院时间</text> 
					<text class="number">2020/10/09 09:00:00</text>
					</view>
					<view class="box-left-mar">
					<text class="box-left-num">出院时间</text> 
					<text class="number"></text>
					</view>
				</view>
				<view class="box-right">
					<text class="box-right-tag">住院中</text>
				</view>
			</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.box{
	padding: 0 25rpx;
	}
.top{
	/* width: 750rpx; */
	height: 70rpx;
	font-size: 30rpx;
	line-height: 70rpx;
	box-sizing: border-box;
    padding-left: 20rpx;	
}
.box1 {
	margin-top: 30rpx;
	width: 700rpx;
	height: 300rpx;
	background: #f5f9ff;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
	padding-top: 30rpx;
}
.box-left{
	width: 540rpx;
}
.box-right{
	width:100rpx;
}
.box-left-mar{
	margin: 10rpx 0;
}
.box-left-name{
	font-size: 30rpx;
}
.box-left-num{
	font-size: 24rpx;
	letter-spacing: 6rpx;
	color: 	#A9A9A9;
	padding-right: 20rpx;
	
}
.number{
	font-size: 24rpx;
	color: 	#A9A9A9;
	}
.box-right-tag{
		display: block;
		font-size: 24rpx;
		background:	#c5efe6;
		color: 	#32CD32;
		width: 100rpx;
		height: 30rpx;
		text-align: center;
		border-radius: 15rpx;
	}
</style>
